@import '../variables.css';

.card {
  width: 100%;
  background-color: color(var(--bg) blend(var(--bg-hover) 20%));
  border: 1px solid var(--color-border-p2);
  margin-bottom: var(--gutter);
  overflow: hidden;
}

.body {
  width: 100%;
  padding: var(--gutter-static);
}

/* Card Styles */
.default + .default {
  border-top: 0;
}

.positive {
  background-color: var(--bg);
}

.negative {
  background-color: var(--bg-hover);
}

/* Prop Styles */
.marginBottom0 {
  margin-bottom: 0;
}

.roundedBorder {
  border-radius: var(--radius);
}
